.containter{
    width: 1230px;
    margin: auto;
}
.header{
    font: 12px/1.5 tahoma, arial, "\5b8b\4f53";
    -ms-overflow-style: scrollbar;
    
    //顶部导航
    .topnav{
       border-bottom: 1px solid #e5e5e5;
       background-color: #f2f2f2;
       height: 32px;
       color: #999;
       line-height: 32px;
       font-family: "Microsoft YaHei",tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;
            
            p a:nth-of-type(1){
                padding-left: 20px;
                padding-right:10px; 
            }
            p a:nth-of-type(2){
                padding-left: 10px;
                padding-right:10px; 
            }
            p a:hover{
                color:#FF0036;
            }
            
            a{
                color:#999;
            }
            p>em>span{
                color: #f56a00;
            }

            ul {
                li{
                float: left;
                padding-left: 10px;
                padding-right: 10px;
                border: solid #f2f2f2;
                border-width: 0 1px;
                padding-bottom: 1px;
                    a{
                        position: relative;
                        
                    }
                    b{
                        position: absolute;
                        right: -10px;
                        top: 7px;
                        width: 0;
                        height: 0;
                        border-width: 3px;
                        border-style: solid;
                        border-color: #bbb transparent transparent;
                        font-size: 0;
                        line-height: 0;
                        transition: all 0.2s linear;
                    }
                    i{
                        color: #FF0036;
                    }
                    a:hover{
                        color: #FF0036;
                        b{
                            transform: rotate(180deg);
                            transform-origin: 50% 30%;
                        }
                        
                    }
                }
                .item-b{
                padding-right: 14px;
                position: relative;
                    a:hover{
                        text-decoration: underline;
                        color: #FF0036;
                    }
                //下拉导航1
                    .sub1{
                        width: 74px;
                        padding: 8px 10px;
                        position: absolute;
                        left:-1px;
                        top: 33px;
                        border: 1px solid #eee;
                        border-top: 0px;
                        background-color: #fff;
                        display: none;
                        z-index: 100;

                        a{
                            display: block;
                            line-height: 20px;
                            color: #666;
                        }
                        a:hover{
                            text-decoration: underline;
                            color: #FF0036;
                        }
                    }

                    .sub2{
                        width: 62px;
                    }
                    
                    .sub3{
                        top: 33px;
                        left: -71px;
                        width: 122px;
                        overflow: hidden;
                        line-height: 20px;
                        padding-top: 0px;
                        li{
                            width: 122px;
                            padding: 0;
                            border: 0;
                            padding: 5px 0;
                            border-bottom: 1px dashed #ccc;

                            h3{
                                color: #666;
                                font-weight: 700;
                                font-size: 12px;
                            }

                            a{
                                display: inline-block;
                                font-size: 12px;
                            }
                            .itema{
                                margin-right: 22px;
                            }
                        }
                    }
                }
                .item-b:hover{
                    background-color: #fff;
                    border: 1px solid #eee;
                    border-top: 0px;
                    .sub1{
                        display: block;
                    }
                }
                // 线
                .line{
                    display: inline-block;
                    width: 0;
                    height: 14px;
                    line-height: 14px;
                    vertical-align: top;
                    position: relative;
                    top: 9px;
                    left: 6px;
                    font-size: 0;
                    border-left: 1px solid #ccc;
                    padding: 0 2px 0 5px;
                }
                //手机版
                .phone{
                    position: relative;
                    .sub-img{
                        width: 175px;
                        height: 227px;
                        position: absolute;
                        left: -50px;
                        top: 30px;
                        box-shadow: 0 0 5px #aaa;
                        display: none;
                        z-index: 1000;
                        background-color: #fff;
                        img{
                            display: block;
                            margin: auto;
                        }
                        b{
                            position: absolute;
                            top: -10px;
                            left: 50%;
                            border: 5px solid transparent;
                            border-bottom-color: #fff;
                        }
                    }
                }
                .phone:hover .sub-img{
                    display: block;
                }
                
                //网站导航
                .site{
                    .item{
                        position: relative;
                        cursor: pointer;
                        b{
                            top: 16px;
                        }
                    }
                    .item:hover{
                       b{
                        transform: rotate(180deg);
                        transform-origin: 50% 30%; 
                       }
                    }
                    //网站 二级导航
                    .sub4{
                        width: 1198px;
                        height: 110px;
                        left: -1126px;
                        z-index: 10;
                        padding: 25px 0;
                        dl{
                            float: left;
                            padding-left: 30px; 
                            // box-sizing: border-box;
                            dt{
                                font-size: 16px;
                                height: 16px;
                                line-height: 16px;
                                padding-bottom: 8px;
                            }
                            dd{
                                display: inline-block;
                                width: 80px;
                                height: 16px;
                                line-height: 16px;
                                vertical-align: top;
                                padding: 6px 0;
                                a{ 
                                    color: #666;
                                    font-size: 12px;
                                    display: inline;
                                    position: relative;
                                }
                                .nav-icon{
                                        background-image: url(../img/nav-icon.png);
                                }
                                .new{
                                     background-position: -37px -11px;
                                }
                                .hot{
                                    background-position: -37px 0;
                                }
                                i{
                                    position: absolute;
                                    width: 9px;
                                    height: 11px;
                                    line-height: 0;
                                    font-size: 0;
                                    overflow: hidden;
                                   
                                }
                            }   
                        }
                        .part1{
                            width: 455px;
                            dt{
                                color: #f56a00;
                            }
                            a:hover{
                                color: #f56a00;
                            }
                        }
                        .part2{
                            width: 455px;
                            color: #2263d4;
                            border-left: 1px solid #f5f5f5;
                            border-right: 1px solid #f5f5f5;
                            a:hover{
                                color: #2263d4;
                            }
                        }
                        .part3{
                            width: 196px;
                            a:hover{
                                color: #666;
                            }
                        }
                    }
                }
            }
        
    }

    //搜索
    .seach{
        height:130px;
        position: relative;
        form{
            width: 628px;
            margin: auto;
            padding-top: 38px;
            height: 40px;
            font-size: 0;
            input{
                width: 483px;
                height: 26px;
                padding: 5px;
                font-size: 16px;
                font: 16px/22px arial;
                border: 2px #FF0036 solid;
                outline: 0;
            }
            button{
                width: 130px;
                height: 40px;
                background-color: #FF0036;
                border: 0;
                font-size: 18px;
                font-weight: 700;
                letter-spacing: 5px;
                color: #fff;
                vertical-align: top;
                cursor: pointer;
                font-family: '\5FAE\8F6F\96C5\9ED1',arial,"\5b8b\4f53"; 
            }
            
        }
        //form 结束

        // logo
        .seach-img{
            position: absolute;
            left: 0;
            top: 0;
            margin: 1px 25px;
        }
    }

    //page
    .page-topnav{
        position: fixed;
        top: 0;
        width: 100%;
        background-color: rgba(255,0,0,.8);
        z-index: 10000;
        // height: 50px;
        height: 0;
        transition: all 0.1s linear;
        overflow: hidden;
        line-height: 50px;
        
        .left-box{
            height: 50px;
            margin-right: 50px;
            i{
            font-size: 35px;
            color: #fff;
            
            }
        }
        .right-box{
            height: 50px;
            line-height: 50px;
            width: 740px;
            form{
                padding-top: 8px;
                line-height: 50px;
                font-size: 0px;
                width: 740px;

                input{
                    width: 630px;
                    height: 20px;
                    font-size: 12px;
                    vertical-align: top;
                }
                button{
                    width: 90px;
                    height: 34px;
                    font-size: 16px;
                    vertical-align: top;
                }
            }
        } 

    }
}